import React from 'react';

// Consumer 组件
export class Consumer extends React.Component {
  constructor() {
    super();
    // Consumer 内的数据
    this.state = {
      value: 'Consumer组件内的值',
    };
  }

  render() {
    // 如果包裹的是一个函数，可以调用这个函数，效果是把组件内的数据传递到组件外。
    return <div>{this.props.children(this.state.value)}</div>;
  }
}
